import 'package:fish_redux/fish_redux.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:zenge_web_flutter/custom/custom_widget.dart';
import 'package:zenge_web_flutter/date_base/my_home_date.dart';

import 'state.dart';

Widget buildView(BottomInfoComponentState state, Dispatch dispatch,
    ViewService viewService) {
  TextStyle style2 = TextStyle(
    fontSize: 14,
    color: Colors.grey,
  );
  TextStyle style4 =
      TextStyle(fontSize: 14, color: Color.fromRGBO(126, 146, 177, 1));
  double screenWidth = 1920;
  return Container(
      width: screenWidth,
      height: 650,
      color: Color.fromRGBO(19, 26, 39, 1),
      child: Stack(
        alignment: Alignment.center,
        children: [
          Positioned(
            top: 40,
            left: 0,
            child: Container(
              width: screenWidth,
              alignment: Alignment.center,
              child: SelectableText(
                '江门市征极光兆科技有限公司',
                style: TextStyle(fontSize: 30, color: Colors.orange),
              ),
            ),
          ),
          Positioned(
            top: 120,
            left: (screenWidth-screenWidth*2/3)/2,
            width: screenWidth*2/3,
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.center,
              children: imgList5
                  .map((e) => ManInfoWidget(
                        text01: e['text01'],
                        text02: e['text02'],
                        text03: e['text03'],
                        text04: e['text04'],
                        text05: e['text05'],
                        text06: e['text06'],
                      ))
                  .toList(),
            ),
          ),
          Positioned(
            left: (screenWidth-screenWidth*2/3)/2,
            top: 300,
            child: Container(
              width: screenWidth / 10,
              alignment: Alignment.center,
              child: Image.network(
                'http://nwzimg.wezhan.hk/contents/sitefiles3603/18018508/images/2002416.png',
                fit: BoxFit.fill,
              ),
            ),
          ),
          Positioned(
            left: (screenWidth-screenWidth*2/3)/2+screenWidth / 7,
            top: 300,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.center,
              children: imgList6
                  .map(
                    (e) => Container(
                      padding: EdgeInsets.symmetric(vertical: 5),
                      width: 500,
                      child: SelectableText(
                        e['text'],
                        style: style4,
                      ),
                    ),
                  )
                  .toList(),
            ),
          ),
          Positioned(
            top: 300,
            left: 1100,
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                Container(
                  width: 300,
                  alignment: Alignment.center,
                  child: SelectableText(
                    '关注全球家居智能化',
                    style: TextStyle(fontSize: 18, color: Colors.white),
                  ),
                ),
                SizedBox(
                  height: 20,
                ),
                Image.network(
                  'http://nwzimg.wezhan.hk/contents/sitefiles3603/18018508/images/2013585.jpg',
                  width: screenWidth / 11,
                  fit: BoxFit.fill,
                ),
              ],
            ),
          ),
          Positioned(
            top: 330,
            left: 1390,
            child: Column(
              children: [
                Image.network(
                    'http://nwzimg.wezhan.hk/contents/sitefiles3603/18018508/images/2219928.png'),
                SizedBox(
                  height: 50,
                ),
                Image.network(
                    'http://nwzimg.wezhan.hk/contents/sitefiles3603/18018508/images/2219929.png'),
              ],
            ),
          ),
          Positioned(
            bottom: 50,
            child: Container(
              width: screenWidth,
              height: 1,
              color: Colors.grey[600],
            ),
          ),
          Positioned(
            bottom: 20,
            left: (screenWidth-300)/2,
            child: Container(
              width: 300,
              child: SelectableText(
                '版权所有： 江门市征极光兆科技有限公司',
                style: style2,
              ),
            ),
          ),
        ],
      ));
}
